$color_main:#ff841d;
body{
  background-color: #f1f1f1;
}
 /* header */
header{
  height: 0.5rem;
  // background-color: $color_main;
  background-image: linear-gradient(to right, rgb(105, 56, 241), rgb(225, 37, 250));
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.1rem;
  >h1{
    a{
      width: 2rem;
    }
  }
  >a{
    width: 0.34rem;
  }
}

/* search */
.mmm_search {
  background-color: #fff;
  padding: 0.05rem 0.05rem; 
  form {
      display: flex;
      justify-content: space-between;
      position: relative;
      &::before{
        content: '';
        display: block;
        position: absolute;
        top: 0.05rem;
        left: 0.1rem;
        width: 0.3rem;
        height: 0.3rem;
        background-image: url('../images/icon_bar.png');
        background-position: -0.07rem -0.07rem;
        background-size: 2.2rem;
      }
      input {
          height: 0.3rem;
          border: none;
          background-color: #f1f1f1;
          border-radius: 0.2rem;
      }
      .search_inp{
          padding-left: 0.3rem;
          flex: 1;
      }
      .search_submit{
          font-size: 0.14rem;
          margin-left: 0.2rem;
          width: 0.6rem;
          background-color: #ff841d;
          color: #fff;
      }
  }
}


/* footer */
footer{
  background-color: #fff;
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.12rem;
  padding-bottom: 0.2rem;
  .footer_nav{
    background-image: linear-gradient(to right, rgb(174, 0, 255), rgb(42, 168, 241));
    
    font-size: 0.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    a{
      color: #fff;
      flex: 1;
      height: 0.3rem;
      line-height: 0.3rem;
      text-align: center;
      border: 0.01rem solid #ccc;
    }
  }
  .footer_app{
    display: flex;
    justify-content: center;
    margin-top: 0.1rem;
    a:nth-child(1){
      color: red;
    }
    
  }
  .footer_com{
    margin-top: 0.10rem;;
  }
}



/* nav */
.mmm_nav{
  background-color: #fff;
  // margin-top: 0.2rem;
  padding: 0.1rem 0;
  ul{
    display: flex;
    flex-wrap: wrap;
    li{
        width: 25%;
        padding: 0.1rem;
        &:nth-last-child(-n+4){
          display: none;
        }
        a{
            display: flex;
            flex-direction: column;
            align-items: center;
            img{
                width: 0.5rem;
            }
            p{
                margin-top: 0.1rem;
                text-align: center;
                font-size: 0.14rem;
            }
        }
    }
  }
}


// 超值折扣推荐
.mmm_recommend{
  margin-top: 0.1rem;
  font-size: 0.14rem;
  // bar
  .recommend_bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem 0.2rem;
    color: #fff;
    background-image: linear-gradient(to right, rgb(248, 66, 59), rgb(252, 196, 74));
    .bar_title{}
    .bar_more{
      width: 0.3rem;
      height: 0.3rem;
      background-image: url('../images/more.png');
      background-size: 0.32rem;
    }
  }

  // list
  .recommend_list{
    background-color: #fff;
    .list_item{
      border-bottom: 0.01rem solid #eee;
      color: #666;
      display: flex;
      padding: 0.2rem;
      .item_pic{
        width: 25%;
        // box-shadow: 0 0 0 0 #eee;
      }
      .item_content{
        padding: 0.1rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .detail{
          .price{
            margin-top: 0.1rem;
            color: rgb(248, 66, 66);
          }

        }
        .tips{
          color: #888;
          display: flex;
          justify-content: space-between;
          .time{}
          .msg{
            img{
              color: #888;
              display: inline-block;
              width: 0.2rem;
              height: 0.2rem;
            }
            .num{
              color: #666;
            }
          }
          
        }
      }
    }
  }

}


